@font-face
{
	font-family:opificio;
	src:url("font.Opificio.ttf");
}
p
{
    word-spacing: 1px;
    text-rendering: optimizeSpeed;
    text-shadow: 2px 2px 5px #afafaf;
    letter-spacing: 2px;
    line-height: 150%;
}


/*popup container - start*/
	.data_container
	{
		position:relative;
		height:100%;
	}
	.data_wrapper
	{
		margin:0px auto;
		width:100%; /*get from data_content (width+(padding*2))*/
	}
	.data_content
	{
		position: absolute;
		top: 0px;
		left: 0px;
		height:initial;
		width: 98%;
		min-height: 100%;
		max-height: 300%;
		background: #FFFFFF;
		padding: 20px;
		overflow:hidden;
	}
	.data_content_description
	{
		padding:50px;
		text-align:justify;
	}
/*popup container - end*/




/*portfolio image - start*/
	.portfolio_canvas
	{
		position: absolute;
		bottom:-200px;
		left:0px;
		width: 100%;
		opacity:0;
		transition:0.4s;
	}
	.portfolio_text a
	{
		color:#fff;
	}
	.portfolio_text
	{
		padding: 10px 5%;
		vertical-align:center;
		max-height: 75%;
		min-height: 0px;
		color: #afafaf;
		text-rendering: optimizeSpeed;
		text-shadow: 2px 2px 5px #909090;
		overflow:hidden;
	}
	.canvas_img
	{
		background: url('loading.png') no-repeat;
		background-position: center;
		background-size: 100%;
		position: absolute;
		margin: 25px;
		overflow: hidden;
		cursor: pointer;
	}
	@keyframes before_img1
	{
		from
		{
			top:0px;
			left:-1000px;
		}
		to
		{
			top:0px;
			left:0px;
		}
	}
	@keyframes after_img1
	{
		from
		{
			top:0px;
			left:0px;
		}
		to
		{
			top:0px;
			left:-1000px;
		}
	}
	.canvas_img1
	{
		top:0px;
		left:-1000px;
		width:33%;
		height:90%;

		animation:before_img1 0.7s;
		-webkit-animation:before_img1 0.7s;
		-moz-animation:before_img1 0.7s;

		animation-delay: 1.6s;
		-webkit-animation-delay: 1.6s;
		-moz-animation-delay: 1.6s;

		animation-iteration-count: 1;
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;

		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
	}
	.canvas_img1_after
	{
		animation:after_img1 1.6s !important;
		-webkit-animation:after_img1 1.6s !important;
		-moz-animation:after_img1 1.6s !important;
	}
	@keyframes before_img2
	{
		from
		{
			top:-500px;
			left:34.5%;
		}
		to
		{
			top:0px;
			left:34.5%;
		}
	}
	@keyframes after_img2
	{
		from
		{
			top:0px;
			left:34.5%;
		}
		to
		{
			top:-500px;
			left:34.5%;
		}
	}
	.canvas_img2
	{
		top:-500px;
		left:34.5%;
		width:30%;
		height:30%;

		animation:before_img2 0.7s;
		-webkit-animation:before_img2 0.7s;
		-moz-animation:before_img2 0.7s;

		animation-delay: 1.8s;
		-webkit-animation-delay: 1.8s;
		-moz-animation-delay: 1.8s;

		animation-iteration-count: 1;
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;

		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
	}
	.canvas_img2_after
	{
		animation:after_img2 1.6s !important;
		-webkit-animation:after_img2 1.6s !important;
		-moz-animation:after_img2 1.6s !important;
	}
	@keyframes before_img3
	{
		from
		{
			top:200%;
			left:34.5%;
		}
		to
		{
			top:60%;
			left:34.5%;
		}
	}
	@keyframes after_img3
	{
		from
		{
			top:60%;
			left:34.5%;
		}
		to
		{
			top:200%;
			left:34.5%;
		}
	}
	.canvas_img3
	{
		top:200%;
		left:34.5%;
		width:30%;
		height:30%;

		animation:before_img3 0.7s;
		-webkit-animation:before_img3 0.7s;
		-moz-animation:before_img3 0.7s;

		animation-delay: 1.2s;
		-webkit-animation-delay: 1.2s;
		-moz-animation-delay: 1.2s;

		animation-iteration-count: 1;
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;

		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
	}
	.canvas_img3_after
	{
		animation:after_img3 1.6s !important;
		-webkit-animation:after_img3 1.6s !important;
		-moz-animation:after_img3 1.6s !important;
	}
	@keyframes before_img4
	{
		from
		{
			top:-500px;
			left:66%;
		}
		to
		{
			top:0px;
			left:66%;
		}
	}
	@keyframes after_img4
	{
		from
		{
			top:0px;
			left:66%;
		}
		to
		{
			top:-500px;
			left:66%;
		}
	}
	.canvas_img4
	{
		top:-500px;
		left:66%;
		width:30%;
		height:40%;

		animation:before_img4 0.7s;
		-webkit-animation:before_img4 0.7s;
		-moz-animation:before_img4 0.7s;

		animation-delay: 2s;
		-webkit-animation-delay: 2s;
		-moz-animation-delay: 2s;

		animation-iteration-count: 1;
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;

		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
	}
	.canvas_img4_after
	{
		animation:after_img4 1.6s !important;
		-webkit-animation:after_img4 1.6s !important;
		-moz-animation:after_img4 1.6s !important;
	}
	@keyframes before_img5
	{
		from
		{
			top:200%;
			left:66%;
		}
		to
		{
			top:44%;
			left:66%;
		}
	}
	@keyframes after_img5
	{
		from
		{
			top:44%;
			left:66%;
		}
		to
		{
			top:200%;
			left:66%;
		}
	}
	.canvas_img5
	{
		top:200%;
		left:66%;
		width:30%;
		height:46%;

		animation:before_img5 0.7s;
		-webkit-animation:before_img5 0.7s;
		-moz-animation:before_img5 0.7s;

		animation-delay: 1s;
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;

		animation-iteration-count: 1;
		-webkit-animation-iteration-count: 1;
		-moz-animation-iteration-count: 1;

		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
	}
	.canvas_img5_after
	{
		animation:after_img5 1.6s !important;
		-webkit-animation:after_img5 1.6s !important;
		-moz-animation:after_img5 1.6s !important;
	}

	.canvas_img .img_set_container
	{
		overflow:hidden;
		min-width:100%;
		height:100%;
	}

	.canvas_img .img_set_container
	{
		width:200px;
		transition:0.3s;
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
        position: relative;
        overflow: hidden;
	}

	/* Disable grayscale on hover */
	.canvas_img .img_set_container:hover .portfolio_canvas
	{
		transition:0.4s;
		bottom:0%;
		background:rgba(0, 0, 0, 0.8);
		opacity:1;
	}
	.img_set
	{
		transition:1.2s;
		filter: blur(0.257px) grayscale(0);
		-webkit-filter: blur(0.257px) grayscale(0);
		height:100%;
	}
	.canvas_img .img_set_container:hover .img_set
	{
		transition:1.2s;
		filter: blur(3px) grayscale(1);
		-webkit-filter: blur(3px) grayscale(1);
		height:100%;
	}
	.canvas_img .img_set_container:hover
	{
		width:200px;
		transition:0.2s;
		-webkit-transition:0.2s;
		-moz-transition:0.2s;
	}
/*portfolio image - end*/













/*loading animation - start*/
.pimp
{
	display:inline-flex;	
	animation:gct-loading-pimp 0.7s infinite alternate;
	-webkit-animation:gct-loading-pimp 0.7s infinite alternate;
	-moz-animation:gct-loading-pimp 0.7s infinite alternate;
	animation-timing-function: cubic-bezier(1, 0.02, 0, 0.95);
	-webkit-animation-timing-function: cubic-bezier(1, 0.02, 0, 0.95);
	-moz-animation-timing-function: cubic-bezier(1, 0.02, 0, 0.95);
}
.pimp-wait
{
	display:inline-flex;	
	animation:gct-loading-pimp-wait 0.7s infinite alternate;
	-webkit-animation:gct-loading-pimp-wait 0.7s infinite alternate;
	-moz-animation:gct-loading-pimp-wait 0.7s infinite alternate;
	animation-timing-function: cubic-bezier(0.86, 0.01, 0.02, 0.97);
	-webkit-animation-timing-function: cubic-bezier(0.86, 0.01, 0.02, 0.97);
	-moz-animation-timing-function: cubic-bezier(0.86, 0.01, 0.02, 0.97);
}
.wait1
{
	animation-delay: 0.4s;
}
.wait2
{
	animation-delay: 0.3s;
}
.wait3
{
	animation-delay: 0.2s;
}
.wait4
{
	animation-delay: 0.1s;
}
.pimp1
{
	animation-delay: 0.00s;
}
.pimp2
{
	animation-delay: 0.08s;
}
.pimp3
{
	animation-delay: 0.16s;
}


.hand-wait
{
	padding:0px 0px 0px 150px;;
}




.loading-text a, .loading-text a:hover, .loading-text a:active, .loading-text a:visited
{
	text-decoration:none;
	color:#fff;
}
.loading-text
{
	position:absolute;
    top: 0px;
	margin:0px auto;
	padding:15% 0px;
    font-size: 50px;
	width:100%;
}
.loading-canvas
{
	background:#000;
	position:fixed;
	z-index:99999;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	color:white;
}
.loading-block
{
	opacity:1;
	transition:0.7s;
	-webkit-transition:0.7s;
	-moz-transition:0.7s;
}
.loading-release
{
	opacity:0;
	transition:0.7s;
	-webkit-transition:0.7s;
	-moz-transition:0.7s;
}
/*loading animation - end*/







/*bump button*/

	/*bump animation - start*/
		@keyframes gct-button-h-move
		{
			from {transform:translate(0px, 0px);}
			to {transform:translate(0px, 10px);}
		}
		@keyframes gct-button-v-move
		{
			from {transform:translate(0px, 0px);}
			to {transform:translate(10px, 0px);}
		}
		@keyframes gct-loading-pimp
		{
			from {transform:translate(-10px, 0px);}
			to {transform:translate(25px, 0px);}
		}
		@keyframes gct-loading-pimp-wait
		{
			from {transform:translate(0px, 0px);}
			to {transform:translate(0px, -15px);}
		}
	/*bump animation - end*/

	/*Right button - start*/
		.gct-button-canvas-right
		{
			position:fixed;
			right: 0px;
			top: 0px;
			padding: 20px;
			height: 100%;
			cursor: pointer;
			z-index: 1;
			text-decoration: none;
			text-align: center;
			padding-top: 20%;
			font-weight: 600;
			color: white;
			background-color: rgba(0, 0, 0, 0.65);
			box-shadow: #000000 1px 0px 10px;
		}
		.position-right
		{
			position:absolute;
			right:10px;
			top:0px;
			margin:20% 0px;
		}
		.position-right .gct-button-v-long
		{
			position:absolute;
			right:0px;
			animation-timing-function: cubic-bezier(0.49, -0.03, 1, 0.35);
			-webkit-animation-timing-function: cubic-bezier(0.49, -0.03, 1, 0.35);
			-moz-animation-timing-function: cubic-bezier(0.49, -0.03, 1, 0.35);
		}
		.position-right .gct-button-v-short
		{
			position:absolute;
			right:15px;
			animation-timing-function: cubic-bezier(0.49, -0.03, 1, 0.35);
			-webkit-animation-timing-function: cubic-bezier(0.49, -0.03, 1, 0.35);
			-moz-animation-timing-function: cubic-bezier(0.49, -0.03, 1, 0.35);
		}
	/*Right button - end*/

	/*Left button - start*/
		.gct-button-canvas-left
		{
			position:fixed;
			left:0px;
			top:0px;
			padding:20px;
			height:100%;
			cursor:pointer;
			z-index:1;
			text-decoration: none;
			text-align: center;
			padding-top: 20%;
			font-weight: 600;
			color: white;
			background-color: rgba(0, 0, 0, 0.65);
			box-shadow: #000000 1px 0px 10px;
		}
		.position-left
		{
			position:absolute;
			left:0px;
			top:0px;
			margin:20% 0px;
			z-index:10;
		}
		.position-left .gct-button-v-long
		{
			position:absolute;
			left:10px;
			animation-timing-function:cubic-bezier(0, 0.5, 0.23, 1);
			-webkit-animation-timing-function:cubic-bezier(0, 0.5, 0.23, 1);
			-moz-animation-timing-function:cubic-bezier(0, 0.5, 0.23, 1);
		}
		.position-left .gct-button-v-short
		{
			position:absolute;
			left:25px;
			animation-timing-function:cubic-bezier(0, 0.5, 0.23, 1);
			-webkit-animation-timing-function:cubic-bezier(0, 0.5, 0.23, 1);
			-moz-animation-timing-function:cubic-bezier(0, 0.5, 0.23, 1);
		}
	/*Left button - end*/

	/*Bottom button - start*/
		.gct-button-canvas-bottom
		{
			position:fixed;
			left:0px;
			bottom:0px;
			padding:20px;
			width:100%;
			cursor:pointer;
			z-index:1;
			text-decoration: none;
			text-align: center;
			font-weight: 600;
			color: white;
			background-color: rgba(0, 0, 0, 0.65);
			box-shadow: #000000 1px 0px 10px;

		}
		.position-bottom
		{
			position:absolute;
			left:0px;
			bottom:10px;
			width: 100%;
			margin: 0px;
		}
		.position-bottom .gct-button-h-long
		{
			position:relative;
			bottom:0px;
			animation-timing-function:cubic-bezier(0, -0.27, 1, -0.23);
			-webkit-animation-timing-function:cubic-bezier(0, -0.27, 1, -0.23);
			-moz-animation-timing-function:cubic-bezier(0, -0.27, 1, -0.23);
		}
		.position-bottom .gct-button-h-short
		{
			position:relative;
			bottom:10px;
			animation-timing-function:cubic-bezier(0, -0.27, 1, -0.23);
			-webkit-animation-timing-function:cubic-bezier(0, -0.27, 1, -0.23);
			-moz-animation-timing-function:cubic-bezier(0, -0.27, 1, -0.23);
		}
	/*Bottom button - end*/

	/*Top button - start*/
		.gct-button-canvas-top
		{
			position:fixed;
			left:0px;
			top:0px;
			padding:20px;
			width:100%;
			cursor:pointer;
			z-index:1;
			text-decoration: none;
			text-align: center;
			font-weight: 600;
			color: white;
			background-color: rgba(0, 0, 0, 0.65);
			box-shadow: #000000 1px 0px 10px;
		}
		.position-top
		{
			position:absolute;
			left:0px;
			top:0px;
			width: 100%;
			margin: 0px;
		}
		.position-top .gct-button-h-long
		{
			position:relative;
			top:5px;
			animation-timing-function:cubic-bezier(0, 0.53, 0.35, 1);
			-webkit-animation-timing-function:cubic-bezier(0, 0.53, 0.35, 1);
			-moz-animation-timing-function:cubic-bezier(0, 0.53, 0.35, 1);
		}
		.position-top .gct-button-h-short
		{
			position:relative;
			top:25px;
			animation-timing-function:cubic-bezier(0, 0.53, 0.35, 1);
			-webkit-animation-timing-function:cubic-bezier(0, 0.53, 0.35, 1);
			-moz-animation-timing-function:cubic-bezier(0, 0.53, 0.35, 1);
		}
	/*Top button - end*/


	.gct-button-h-long
	{
		background:#000;
		padding:2px;
		margin: 0px auto;
		width: 150px;
		box-shadow: #afafaf 0px 0px 10px 2px;
		-webkit-box-shadow: #afafaf 0px 0px 10px 2px;
		-moz-box-shadow: #afafaf 0px 0px 10px 2px;
		border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		animation:gct-button-h-move 0.5s 0.05s infinite alternate;
		-webkit-animation:gct-button-h-move 0.5s 0.05s infinite alternate;
		-moz-animation:gct-button-h-move 0.5s 0.05s infinite alternate;
		animation-iteration-count:10;
		-webkit-animation-iteration-count:10;
		-moz-animation-iteration-count:10;
	}
	.gct-button-h-short
	{
		background:#000;
		padding:2px;
		margin:0px auto;
		width:50px;
		box-shadow: #afafaf 0px 0px 10px 2px;
		-webkit-box-shadow: #afafaf 0px 0px 10px 2px;
		-moz-box-shadow: #afafaf 0px 0px 10px 2px;
		border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		animation:gct-button-h-move 0.5s 0s infinite alternate;
		-webkit-animation:gct-button-h-move 0.5s 0s infinite alternate;
		-moz-animation:gct-button-h-move 0.5s 0s infinite alternate;
		animation-iteration-count:10;
		-webkit-animation-iteration-count:10;
		-moz-animation-iteration-count:10;
	}
	.gct-button-v-long
	{
		background: #000;
		height: 150px;
		width: 4px;
		box-shadow: #afafaf 0px 0px 10px 2px;
		-webkit-box-shadow: #afafaf 0px 0px 10px 2px;
		-moz-box-shadow: #afafaf 0px 0px 10px 2px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		animation: gct-button-v-move 0.7s 0.07s infinite alternate;
		-webkit-animation: gct-button-v-move 0.7s 0.07s infinite alternate;
		-moz-animation: gct-button-v-move 0.7s 0.07s infinite alternate;
		animation-iteration-count:10;
		-webkit-animation-iteration-count:10;
		-moz-animation-iteration-count:10;
	}
	.gct-button-v-short
	{
		background: #000;
		height: 50px;
		width: 4px;
		margin: 50px 0px;
		box-shadow: #afafaf 0px 0px 10px 2px;
		-webkit-box-shadow: #afafaf 0px 0px 10px 2px;
		-moz-box-shadow: #afafaf 0px 0px 10px 2px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		animation: gct-button-v-move 0.7s 0s infinite alternate;
		-webkit-animation: gct-button-v-move 0.7s 0s infinite alternate;
		-moz-animation: gct-button-v-move 0.7s 0s infinite alternate;
		animation-iteration-count:10;
		-webkit-animation-iteration-count:10;
		-moz-animation-iteration-count:10;
	}
/*bump button*/




/*gct leaf - start*/
	/*gct leaf animation - start*/
		@keyframes leaf-move
		{
			from {transform:rotate(-3deg);}
			to {transform:rotate(9deg);}
		}
		@-webkit-keyframes leaf-move
		{
			from {transform:rotate(-3deg);}
			to {transform:rotate(8deg);}
		}
		@-moz-keyframes leaf-move
		{
			from {transform:rotate(-3deg);}
			to {transform:rotate(8deg);}
		}
		@-o-keyframes leaf-move
		{
			from {transform:rotate(-3deg);}
			to {transform:rotate(8deg);}
		}
		@-ms-keyframes leaf-move
		{
			from {transform:rotate(-3deg);}
			to {transform:rotate(8deg);}
		}
	/*gct leaf animation - end*/


	.logo-position
	{
		position: absolute;
		left: 34%;
		top: 33%;
		height: 22%;
		width: 30%;
		padding: 33px;
	}
	.gct-pot
	{
		background:url('../img/pot.png') no-repeat;
		width:81px;
		height:130px;
		position:relative;
		top:0px;
		left:0px;
	}
	.gct-leaf1
	{
		background:url('../img/leaf1.png') no-repeat;
		width:23px;
		height:38px;
		position:relative;
		top: -75px;
		left: 45px;
		animation:leaf-move 2s ease-in-out 0s infinite alternate; -webkit-animation:leaf-move 2s ease-in-out 0s infinite alternate; -moz-animation:leaf-move 2s ease-in-out 0s infinite alternate; -o-animation:leaf-move 2s ease-in-out 0s infinite alternate; -ms-animation:leaf-move 2s ease-in-out 0s infinite alternate; 
	}
	.gct-leaf2
	{
		background:url('../img/leaf2.png') no-repeat;
		width:26px;
		height:74px;
		position:relative;
		top: -140px;
		left: 5px;
		animation:leaf-move 3.8s ease-in-out 0s infinite alternate; -webkit-animation:leaf-move 3.8s ease-in-out 0s infinite alternate; -moz-animation:leaf-move 3.8s ease-in-out 0s infinite alternate; -o-animation:leaf-move 3.8s ease-in-out 0s infinite alternate; -ms-animation:leaf-move 3.8s ease-in-out 0s infinite alternate; 
	}
	.gct-leaf3
	{
		background:url('../img/leaf3.png') no-repeat;
		width:47px;
		height:120px;
		position:relative;
		top: -240px;
		left: 33px;
		animation:leaf-move 5s ease-in-out 0s infinite alternate; -webkit-animation:leaf-move 5.3s ease-in-out 0s infinite alternate; -moz-animation:leaf-move 5.3s ease-in-out 0s infinite alternate; -o-animation:leaf-move 5.3s ease-in-out 0s infinite alternate; -ms-animation:leaf-move 5.3s ease-in-out 0s infinite alternate; 
	}
	.logo-position>.logo-post
	{
		text-align: center;
		width: initial;
		left: 45%;
		margin: 0px auto;
		position: absolute;
	}
	.logo-position>.logo-post>.title
	{
		font-size: 30px;
		left: -65%;
		top: -230px;
		width: 150%;
		text-align: center;
	}
	
	
	
	
@media screen and (max-width:1000px)
{
	.logo-position>.logo-post
	{
		text-align: center;
		width: initial;
		left: 33%;
		margin: 0px auto;
		position: absolute;
	}
	.logo-position>.logo-post>.title
	{
		font-size: 30px;
		left: -52%;
		top: -230px;
		width: 150%;
		text-align: center;
	}
}
/*gct leaf - end*/





body
{
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	width:100%;
	height:100%;
	font-family:opificio;
}
.title
{
	font-family:opificio;
	font-size:50px;
	color:#ff7d00;
	position:relative;
	top:40px;
	left:0px;
	text-align:center;
	margin:0px auto;
	width:100%;
}
.obj
{
    position: absolute;
    top: 0px;
	background:transparent;
	z-index:-1;
}
.content_description
{
	padding:0px 10%;
}


/**/
	/*Bullet slider*/
	.slider-position
	{
		position: absolute;
		top: -5px;
		margin: 0px auto;
		width: 100%;
		text-align: center;
	}
	.bulletTarget
	{
		border-style:solid;
		border-width:1px;
		border-color:#ff7d00;
		width:50px;
		height:6px;
		margin:3px;
		background:#ff7d00;
		cursor:pointer;

		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-khtml-border-radius:10px;
		-o-border-radius:10px;

		box-shadow:0px 2px 6px rgba(0, 0, 0, 0.45);
		-webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.45);
		-moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.45);
		-khtml-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.45);
		-o-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.45);
	}
	.bulletActive
	{
		background:rgba(255, 255, 255, 0);
	}
	#side1
	{
		position:absolute;
		left:0px;
	}
	#side2
	{
		position:absolute;
		left:100%;
	}
/**/